window.addEventListener("load", function () {
	let name = $("#usname");
	let phoneN = $("#phNum");
	let passwordNode = $("#password");
	// 遍历输入框
	const regex2 = /^[a-zA-Z0-9]{6,20}$/;
	// 手机号
	const regex =
		/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;
	// 密码
	const regex3 = /^\w{6,12}$/;
	$("input").forEach(function (v) {
		v.addEventListener("blur", function () {
			if (regex2.test(name.value)) {
				$(".user").textContent = "";
			} else {
				$(".user").textContent = "请输入6~20字母或数字";
			}
			if (regex.test(phoneN.value)) {
				$(".num").textContent = "";
			} else {
				$(".num").textContent = "请输入正确的手机号码";
			}
			if (regex3.test(passwordNode.value)) {
				$(".code").textContent = "";
			} else {
				$(".code").textContent = "请输入6~12的密码";
			}
		});
	});

	$(".welcome").addEventListener("submit", function (event) {
		if (
			regex2.test(name.value) &&
			regex.test(phoneN.value) &&
			regex3.test(passwordNode.value)
		) {
		} else {
			// 阻止提交
			event.preventDefault();
		}
		// 表单验证函数
		// 验证表单
	});

	// 验证码
	const btnNode = $(".note button");
	// 点击事件
	btnNode.addEventListener("click", function () {
		let num = 30;
		let time = setInterval(function () {
			//   禁用
			btnNode.disabled = true;
			btnNode.textContent = `${num}秒后可重新发送`;
			num--;
			if (num <= 0) {
				clearInterval(time);
				btnNode.textContent = "点击重新发送";
				btnNode.disabled = false;
			}
		}, 1000);
	});
});
